<html class="js cssanimations" lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>B52极限飞行</title>
		<meta name="description" content="B52极限飞行（上海铭炙体育文化传播）是一家以飞行文化传播、飞行体验、航空行业数据统计为核心的航空领域综合服务机构。">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta name="author" content="http://www.b52sports.com/">
		<link rel="shorcut icon" type="image/x-icon" href="http://osk1hpe2y.bkt.clouddn.com/17-11-30/54926117.jpg">
		<link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css">
		<link rel="stylesheet" href="./css/style.css">
		<link rel="stylesheet" href="./css/common.css">
	</head>

	<body>
		<div id="app">
			<header class="m-hd">
				<div class="am-sticky-placeholder" style="margin: 0px;">
					<section data-am-sticky="" class="am-show-md-up" style="margin: 0px;">
						<div class="am-container">
							<a href="./" rel="nofollow" class="m-logo"><i class="am-icon-spinner"></i> J2 Network</a>
							<!--        <ul class="am-fr m-about">
                <li><a href="/about/" class="am-btn am-btn-danger am-btn-sm am-radius" rel="nofollow">关于我们</a></li>
                <li><a href="/contact/" class="am-btn am-btn-danger am-btn-sm am-radius" rel="nofollow">联系我们</a></li>
            </ul> -->
							<nav>
								<ul class="m-nav am-nav am-nav-pills am-fr">
									<li v-for="(item,index) in items" :class="{setHover:setIndex==index}" @click="changeTab(index)">
										<a :href="item.href" rel="nofollow">{{item.name}}</a>
									</li>
								</ul>
							</nav>
						</div>
					</section>
				</div>

				<nav data-am-widget="header" class="am-header am-show-sm-only am-no-layout">
					<div class="am-header-left am-header-nav">
						<a href="./" rel="nofollow">
							<i class="am-header-icon am-icon-home"></i> 首页
						</a>
					</div>
					<h1 class="am-header-title">
        <a href="./" rel="nofollow">B52极限飞行</a>
      </h1>
					<div class="am-header-right am-header-nav">
						<a href="#right-link" class="" data-am-offcanvas="{target: '#r-nav'}">
							<i class="am-header-icon am-icon-bars"></i> 菜单
						</a>
					</div>
				</nav>

				<!-- 侧边栏内容 -->
				<div id="r-nav" class="am-offcanvas">
					<div class="am-offcanvas-bar am-offcanvas-bar-flip">
						<nav class="am-offcanvas-content">
							<a href="./" rel="nofollow"><span class="logo"></span></a>
							<p v-for="item in items">
								<i :class="item.icon"></i>
								<a :href="item.href" rel="nofollow">{{item.name}}</a>
							</p>
						</nav>
					</div>
				</div>
			</header>
			<div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}'>
				<ul class="am-slides">
					<li>
						<div class="am-container am-slider-desc" style="position:absolute">
							<div class="am-slider-content">
								<div class="am-slider-title am-animation-slide-left aliderF" data-am-scrollspy="{animation: 'slide-left', delay: 100}">
									<span class="fontSizeB">60</span>
									<span>个</span>
									<div data-am-scrollspy="{animation:'slide-right', delay: 600}" class="am-animation-slide-right">飞行营地</div>
								</div>
								<div class="am-slider-title am-animation-slide-left aliderF" data-am-scrollspy="{animation: 'slide-left', delay: 100}">
									<span class="fontSizeB">40</span>
									<span>架</span>
									<div data-am-scrollspy="{animation:'slide-right', delay: 700}" class="am-animation-slide-right">私人飞机</div>
								</div>
								<div class="am-slider-title am-animation-slide-left aliderF" data-am-scrollspy="{animation: 'slide-left', delay: 100}">
									<span class="fontSizeB">10</span>
									<span>个</span>
									<div data-am-scrollspy="{animation:'slide-right', delay: 700}" class="am-animation-slide-right">跳伞基地</div>
								</div>
								<!--<h2 class="am-slider-title am-animation-slide-left" data-am-scrollspy="{animation: 'slide-left', delay: 100}">10<span>个</span></h2>									
									<p data-am-scrollspy="{animation:'slide-right', delay: 600}" class="am-animation-slide-right">跳伞基地</p>-->
								<!--<a href="/fuwu.html" class="am-btn-xs am-btn am-btn-danger am-radius am-animation-slide-bottom am-animation-delay-1" rel="nofollow" data-am-scrollspy="{animation:'slide-bottom', delay: 100}">READ MORE</a>-->
							</div>
						</div>
						<img src="./images/32.jpg">

					</li>
					<li>
						<div class="am-container am-slider-desc" style="position:absolute">
							<div class="am-slider-content">
								<div class="am-slider-title am-animation-slide-left aliderF" data-am-scrollspy="{animation: 'slide-left', delay: 100}">
									<span class="fontSizeB">60</span>
									<span>个</span>
									<div data-am-scrollspy="{animation:'slide-right', delay: 600}" class="am-animation-slide-right">飞行营地</div>
								</div>
								<div class="am-slider-title am-animation-slide-left aliderF" data-am-scrollspy="{animation: 'slide-left', delay: 100}">
									<span class="fontSizeB">40</span>
									<span>架</span>
									<div data-am-scrollspy="{animation:'slide-right', delay: 700}" class="am-animation-slide-right">私人飞机</div>
								</div>
								<div class="am-slider-title am-animation-slide-left aliderF" data-am-scrollspy="{animation: 'slide-left', delay: 100}">
									<span class="fontSizeB">10</span>
									<span>个</span>
									<div data-am-scrollspy="{animation:'slide-right', delay: 700}" class="am-animation-slide-right">跳伞基地</div>
								</div>
								<!--<h2 class="am-slider-title am-animation-slide-left" data-am-scrollspy="{animation: 'slide-left', delay: 100}">10<span>个</span></h2>									
									<p data-am-scrollspy="{animation:'slide-right', delay: 600}" class="am-animation-slide-right">跳伞基地</p>-->
								<!--<a href="/fuwu.html" class="am-btn-xs am-btn am-btn-danger am-radius am-animation-slide-bottom am-animation-delay-1" rel="nofollow" data-am-scrollspy="{animation:'slide-bottom', delay: 100}">READ MORE</a>-->
							</div>
						</div>						
						<img src="http://s.amazeui.org/media/i/demos/bing-2.jpg">

					</li>
					<li>
						<div class="am-container am-slider-desc" style="position:absolute">
							<div class="am-slider-content">
								<div class="am-slider-title am-animation-slide-left aliderF" data-am-scrollspy="{animation: 'slide-left', delay: 100}">
									<span class="fontSizeB">60</span>
									<span>个</span>
									<div data-am-scrollspy="{animation:'slide-right', delay: 600}" class="am-animation-slide-right">飞行营地</div>
								</div>
								<div class="am-slider-title am-animation-slide-left aliderF" data-am-scrollspy="{animation: 'slide-left', delay: 100}">
									<span class="fontSizeB">40</span>
									<span>架</span>
									<div data-am-scrollspy="{animation:'slide-right', delay: 700}" class="am-animation-slide-right">私人飞机</div>
								</div>
								<div class="am-slider-title am-animation-slide-left aliderF" data-am-scrollspy="{animation: 'slide-left', delay: 100}">
									<span class="fontSizeB">10</span>
									<span>个</span>
									<div data-am-scrollspy="{animation:'slide-right', delay: 700}" class="am-animation-slide-right">跳伞基地</div>
								</div>
								<!--<h2 class="am-slider-title am-animation-slide-left" data-am-scrollspy="{animation: 'slide-left', delay: 100}">10<span>个</span></h2>									
									<p data-am-scrollspy="{animation:'slide-right', delay: 600}" class="am-animation-slide-right">跳伞基地</p>-->
								<!--<a href="/fuwu.html" class="am-btn-xs am-btn am-btn-danger am-radius am-animation-slide-bottom am-animation-delay-1" rel="nofollow" data-am-scrollspy="{animation:'slide-bottom', delay: 100}">READ MORE</a>-->
							</div>
						</div>						
						<img src="http://s.amazeui.org/media/i/demos/bing-3.jpg">

					</li>
					<li>
						<div class="am-container am-slider-desc" style="position:absolute">
							<div class="am-slider-content">
								<div class="am-slider-title am-animation-slide-left aliderF" data-am-scrollspy="{animation: 'slide-left', delay: 100}">
									<span class="fontSizeB">60</span>
									<span>个</span>
									<div data-am-scrollspy="{animation:'slide-right', delay: 600}" class="am-animation-slide-right">飞行营地</div>
								</div>
								<div class="am-slider-title am-animation-slide-left aliderF" data-am-scrollspy="{animation: 'slide-left', delay: 100}">
									<span class="fontSizeB">40</span>
									<span>架</span>
									<div data-am-scrollspy="{animation:'slide-right', delay: 700}" class="am-animation-slide-right">私人飞机</div>
								</div>
								<div class="am-slider-title am-animation-slide-left aliderF" data-am-scrollspy="{animation: 'slide-left', delay: 100}">
									<span class="fontSizeB">10</span>
									<span>个</span>
									<div data-am-scrollspy="{animation:'slide-right', delay: 700}" class="am-animation-slide-right">跳伞基地</div>
								</div>
								<!--<h2 class="am-slider-title am-animation-slide-left" data-am-scrollspy="{animation: 'slide-left', delay: 100}">10<span>个</span></h2>									
									<p data-am-scrollspy="{animation:'slide-right', delay: 600}" class="am-animation-slide-right">跳伞基地</p>-->
								<!--<a href="/fuwu.html" class="am-btn-xs am-btn am-btn-danger am-radius am-animation-slide-bottom am-animation-delay-1" rel="nofollow" data-am-scrollspy="{animation:'slide-bottom', delay: 100}">READ MORE</a>-->
							</div>
						</div>						
						<img src="http://s.amazeui.org/media/i/demos/bing-4.jpg">
					</li>
				</ul>
			</div>
			<div class="am-container m-home-box" id="products" style="padding-bottom:0px">
				<hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 100}" class="am-scrollspy-init">
					<h2>热销项目</h2>
					<p>PRODUCTS</p>
				</hgroup>
				<section class="m-case-list">
					<ul class="am-avg-sm-1 am-avg-md-2 am-avg-lg-2 am-thumbnails">
						<li data-am-scrollspy="{animation:'slide-bottom', delay: 196}" class="am-scrollspy-init">
							<figure class="effect-lily">
								<img src="./images/46.jpg" alt="图片" class="am-img-responsive">
								<figcaption>
									<h3>国内跳伞</h3>
									<p>杭州/广东/海南</p>
									<a href="#">View more</a>
								</figcaption>
							</figure>
							<div style="margin-bottom:20px">
								<span class="fontTitle">国内跳伞</span>
								<span class="fontPage"><i>杭州/广东/海南</i></span>
							</div>
						</li>

						<li data-am-scrollspy="{animation:'slide-bottom', delay: 174}" class="am-scrollspy-init">
							<figure class="effect-lily">
								<img src="./images/23.jpg" alt="研磨时光菜单设计" class="am-img-responsive">
								<figcaption>
									<h3>滑翔伞</h3>
									<p>上海/常州/慈溪</p>
									<a href="#">View more</a>
								</figcaption>
							</figure>
							<div style="margin-bottom:20px">
								<span class="fontTitle">滑翔伞</span>
								<span class="fontPage"><i>上海/常州/慈溪</i></span>
							</div>
						</li>

						<li data-am-scrollspy="{animation:'slide-bottom', delay: 119}" class="am-scrollspy-init">
							<figure class="effect-lily">
								<img src="./images/32.jpg" alt="鲜果果水果宣传单张设计与印刷" class="am-img-responsive">
								<figcaption>
									<h3>零基础飞行自驾</h3>
									<p>北京/浙江安吉/舟山</p>
									<a href="#">View more</a>
								</figcaption>
							</figure>
							<div style="margin-bottom:20px">
								<span class="fontTitle">零基础飞行自驾</span>
								<span class="fontPage"><i>北京/浙江安吉/舟山</i></span>
							</div>
						</li>

						<li data-am-scrollspy="{animation:'slide-bottom', delay: 119}" class="am-scrollspy-init">
							<figure class="effect-lily">
								<img src="./images/32.jpg" alt="图片" class="am-img-responsive">
								<figcaption>
									<h3>商务包机</h3>
									<p>索达2000/索达7x</p>
									<a href="#">View more</a>
								</figcaption>
							</figure>
							<div style="margin-bottom:20px">
								<span class="fontTitle">商务包机</span>
								<span class="fontPage"><i>索达2000/索达7x</i></span>
							</div>
						</li>
					</ul>
				</section>

			</div>
			<div class="m-services m-home-box" id="about">
				<section class="am-container setAbout">
					<hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 100}" class="am-scrollspy-init">
						<h2>关于我们</h2>
						<p>ABOUT US</p>
					</hgroup>
					<ul class="am-avg-sm-1 am-avg-md-3 am-avg-lg-3 am-thumbnails setBackground">
						<li class="am-scrollspy-init am-scrollspy-inview am-animation-slide-top" data-am-scrollspy="{animation:'slide-top', delay: 0}">
							<h2 class="fontsW fontB">体验</h2>
							<h6 class="fontsW fontS">EXPERIENCE</h6>
							<p class="fontsW">在常州瓦屋山、慈溪伏龙山、富阳永安山、成都都江堰等多地退出滑翔伞、动力伞的飞行体验产品</p>
						</li>
						<li class="am-scrollspy-init am-scrollspy-inview am-animation-slide-top" data-am-scrollspy="{animation:'slide-top', delay: 0}">
							<h2 class="fontsW fontB">培训</h2>
							<h6 class="fontsW fontS">TRAIN</h6>
							<p class="fontsW">B52参与筹建了华东首家跳伞基地，并推出千岛湖双人跳伞体验，此外，B52还参与运营了驼峰跳伞在国内的七大跳伞基地。</p>
						</li>
						<li class="am-animation-delay-1 am-scrollspy-init" data-am-scrollspy="{animation:'slide-top', delay: 100}">
							<h2 class="fontsW fontB">传播</h2>
							<h6 class="fontsW fontS">CONMUNICATION</h6>
							<p class="fontsW">B52整合中国航空体育资源，全国筹办飞行文化节，制作航空体育相关文化知识内容，重建大众对飞行的认知。</p>
						</li>
					</ul>
				</section>

			</div>
			<div class="am-container m-home-box setHeight" id="news">
				<hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 100}" class="am-scrollspy-init">
					<h2>新闻热点</h2>
					<p>NEWS</p>
				</hgroup>
				<section class="am-container m-news">
					<div class="m-container am-g">
						<article class="am-cf">
							<div class="am-u-lg-2 am-u-md-12 m-news-date am-hide-md-down"><span class="m-date-num">23</span>2017-10</div>
							<div class="am-u-lg-10 am-u-md-12 am-u-sm-12">
								<h3><a>B52官网上线</a></h3>
								<div class="m-news-data">
									<span><i class="am-icon-clock-o"></i> 2017-10-23</span>
									<span><i class="am-icon-check-square-o"></i> 点击74次</span>
									<span href="/dongtai.html"><i class="am-icon-bars"></i> 网站动态</span>
								</div>
								<p class="m-news-desc newsD">B52极限官网进行了小修改与新配色，并升级向应式布局，一个网站兼容多个终端，多终端一体化创新设计解决方案。</p>
								<!--<a class="am-btn am-btn-danger am-radius am-btn-xs" rel="nofollow">READ MORE</a>-->
							</div>
						</article>
					</div>
				</section>
			</div>
			<hr>
			<section class="am-container m-home-box m-partner" id="contact">
				<hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 100}" class="am-scrollspy-init">
					<h2>联系我们</h2>
					<p class="contactPs">CONTECT US</p>
				</hgroup>
				<span class="am-slider-title am-animation-slide-left am-scrollspy-init" data-am-scrollspy="{animation: 'slide-left', delay: 100}">合作伙伴</span>
				<p class="am-slider-title am-animation-slide-left newsD am-scrollspy-init" data-am-scrollspy="{animation: 'slide-left', delay: 100}">改变，从合作开始,以更轻量化的方式实现人类飞行梦 </p>
				<ul class="am-avg-lg-8 am-avg-md-8 am-avg-sm-2  am-thumbnails am-scrollspy-init" data-am-scrollspy="{animation:'slide-bottom', delay: 100}">
					<li data-am-scrollspy="{animation:'slide-bottom', delay: 100}" class="am-scrollspy-init am-scrollspy-inview am-animation-slide-bottom">
						<img src="./images/tencent.png" alt="索航" class="am-img-responsive"></li>
<li data-am-scrollspy="{animation:'slide-bottom', delay: 100}" class="am-scrollspy-init am-scrollspy-inview am-animation-slide-bottom">						<img src="./images/dianxin.png" alt="驼峰" class="am-img-responsive"></li>
					<li data-am-scrollspy="{animation:'slide-bottom', delay: 300}" class="am-scrollspy-init">
						<img src="./images/aliyun.png" alt="阿里云" class="am-img-responsive"></li>
					<li data-am-scrollspy="{animation:'slide-bottom', delay: 400}" class="am-scrollspy-init">
						<img src="./images/canon.png" alt="精功" class="am-img-responsive"></li>
				</ul>
			</section>
			<div class="m-home-box m-contact">
				<section class="am-container">
					<hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 100}" class="am-scrollspy-init">
						<span>联系我们</span><br/>
						<span class="contactP">你可以通过以下方式和我们取得联系。</span>
					</hgroup>
					<ul class="am-avg-lg-4 am-avg-md-4 am-avg-sm-2 am-thumbnails">
						<li data-am-scrollspy="{animation:'slide-bottom', delay: 100}" class="am-scrollspy-init"> <i class="am-icon-phone-square"></i> 15721174011
						</li>
						<li data-am-scrollspy="{animation:'slide-bottom', delay: 100}" class="am-scrollspy-init">
							<i class="am-icon-weixin"></i> 15721174011
						</li>
						<li data-am-scrollspy="{animation:'slide-bottom', delay: 100}" class="am-scrollspy-init">
							<i class="am-icon-envelope"></i> means@b52sports.com
						</li>
					</ul>
				</section>
			</div>
		</div>

		<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="./js/polyfill/rem.min.js"></script>
<script src="./js/polyfill/respond.min.js"></script>
<script src="./js/amazeui.legacy.js"></script>
<![endif]-->
		<script src="./js/echo.min.js"></script>
		<script>
			echo.init({
				offset: 100,
				throttle: 250,
				unload: false,
				callback: function(element, op) {
					console.log(element, 'has been', op + 'ed')
				}
			});
			// 图片赖加载
		</script>
		<!--[if (gte IE 9)|!(IE)]><!-->
		<script src="./js/jquery.min.js"></script>
		<script src="./js/amazeui.min.js"></script>
		<!--<![endif]-->
		<script src="./js/jquery.qrcode.min.js"></script>
		<script type="text/javascript">
			$(function() {
				var str = "http://www.imj2.com";
				$("#code").qrcode({
					render: "table",
					width: 100,
					height: 100,
					text: str
				});
			})
			// 二维码生成
			//返回顶部
			function imj2() {
				this.init();
			}
			imj2.prototype = {
				constructor: imj2,
				init: function() {
					this._initBackTop();
				},
				_initBackTop: function() {
					var $backTop = this.$backTop = $('<div class="m-top-cbbfixed">' +
						'<a class="m-top-weixin m-top-cbbtn"">' +
						'<span class="m-top-weixin-icon"></span><div></div>' +
						'</a>' +
						'<a class="m-top-go m-top-cbbtn">' +
						'<span class="m-top-goicon"></span>' +
						'</a>' +
						'</div>');
					$('body').append($backTop);

					$backTop.click(function() {
						$("html, body").animate({
							scrollTop: 0
						}, 120);
					});

					var timmer = null;
					$(window).bind("scroll", function() {
						var d = $(document).scrollTop(),
							e = $(window).height();
						0 < d ? $backTop.css("bottom", "10px") : $backTop.css("bottom", "-90px");
						clearTimeout(timmer);
						timmer = setTimeout(function() {
							clearTimeout(timmer)
						}, 100);
					});
				}

			}
			var imj2 = new imj2();
			//end返回顶部
		</script>		
		<div class="m-top-cbbfixed" style="bottom: -90px;">
			<a class="m-top-go m-top-cbbtn ">
				<span class="m-top-goicon "></span>
			</a>
		</div>
		<div class="fixedx">
			<a class="m-top-weixin m-top-cbbtn">
				<span class="m-top-weixin-icon "></span>
				<div></div>				
			</a>			
		</div>
		<script src="./js/vue.js"></script>
		<script src="./js/common.js"></script>

		<script>
		  	var _mtac = {"senseQuery":1};
		  	(function() {
		  		var mta = document.createElement("script");
		  		mta.src = "http://pingjs.qq.com/h5/stats.js?v2.0.4";
		  		mta.setAttribute("name", "MTAH5");
		  		mta.setAttribute("sid", "500562964");
		  		mta.setAttribute("cid", "500562965");
		  		var s = document.getElementsByTagName("script")[0];
		  		s.parentNode.insertBefore(mta, s);
		  	})();
		</script>		
	</body>

</html>